<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>编译原理作业展示台</title>

<link rel="stylesheet" href="css/compiler_principle_css.css">
<style>
p{
color:#fff;
font-size:15px;
text-shadow: 0 0 10px #529DFF;
}
</style>

</head>
<body >

<div class="wrap about_page" id="wrap">
  <div class="wrapper">
    <div class="header">
      <div class="head">
	  
          <div class="nav_box">
            <ul class="nav_list" id="nav_list">
		 <li><a href="javascript:void(0);" onclick="play()" id="playbtn" class="btn_sound"></a></li>
		 <li><a href="index.html">主页</a></li>
            </ul>
            <span class="ic_line" id="h_line"></span>
          </div>
      </div>
    </div>

    
    <div class="events_sec" id="events_sec">
      <div class="content">
       <div class="title">
      编译原理
    </div>
        <h3 class="hide_txt png">ay</h3>
        <div class="events_list">
          <!-- <span class="ic_time png"></span> -->
        <ul>
            <li class="right_li">
              <span class="ic_events png"></span>
              <p class="txt_events"><strong><a href="javascript:;">作业1:待上传</a></strong></p>
            </li>
            <li class="left_li">
              <span class="ic_events"><i class="png"></i></span>
              <p class="txt_events"><strong><a href="javascript:;">作业2:待上传</a></strong></p>
            </li>
            <li class="right_li">
              <span class="ic_events png"></span>
              <p class="txt_events"><strong><a href="javascript:;">作业3:待上传</a></strong></p>
            </li>
            <li class="left_li">
              <span class="ic_events"><i class="png"></i></span>
              <p class="txt_events"><strong><a href="javascript:;">作业4:待上传</a></strong></p>
            </li>
            <li class="right_li">
              <span class="ic_events png"></span>
              <p class="txt_events"><strong><a href="javascript:;">作业5:待上传</a></strong></p>
            </li>
            <li class="left_li">
              <span class="ic_events"><i class="png"></i></span>
              <p class="txt_events"><strong><a href="javascript:;">作业6:待上传</a></strong></p>
            </li>
          </ul>
          <span class="ic_arr png"></span>
        </div>
      </div>
    </div>
    
   

<audio id="audios" controls="true" autoplay="autoplay" class="audio" style="display:none;"></audio>

<script>
var url=["",""];
var num = GetRandomNum(0,url.length-1);   
document.getElementById("audios").src="http://"+url[num];
function GetRandomNum(Min,Max)
{
var Range = Max - Min;   
var Rand = Math.random();   
return(Min + Math.round(Rand * Range));   
}   

function play(){
var div = document.getElementById('playbtn'); 
var obj=document.getElementById("audios");
if(obj.paused){
obj.play();
div.setAttribute("class", "btn_sound"); 
}else{
obj.pause();
div.setAttribute("class", "btn_sound btn_no_sound"); 
}

}
</script>
<script src="js/canvas-nest.min.js"></script>

</body>
</html>
